.enterprise-header {
  position: relative;
  height: 60px;
  background-color: #e2e6eb;
  -webkit-box-shadow: -6px 11px 29px 0px rgba(0, 28, 133, 0.06);
  box-shadow: -6px 11px 29px 0px rgba(0, 28, 133, 0.06);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;


  .header-left {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    .enterprise-name-box {
      margin-right: 10px;

      span {
        font-size: 20px;
        font-weight: bold;
        color: #3d4757;
      }

      .enterprise-name {
        font-size: 12px;
        color: #3d4757;
      }
    }

    .reload {
      width: 56px;
      background-color: #ebeff4;
      border-radius: 4px;
      border: none;

      .anticon {
        color: #999;
      }

      &:active,
      &:hover {
        .anticon {
          color: #0076fe;
        }
      }
    }
  }

  .header-right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    .disk-status {
      margin-right: 10px;
    }
  }

  @media screen and (max-width:1400px) {}

  @media screen and (max-width:1200px) {}

  @media screen and (max-width:1080px) {
    .enterprise-name-box {
      display: none;
    }
  }

  @media screen and (max-width:800px) {
    .reload-box {
      display: none;
    }
  }

  @media screen and (max-width:576px) {
    .enterprise-name-box {
      display: block;
    }
  }
}